<template>
  <div class="jianmian">
    <div class="num">{{ num }}</div>
  </div>
</template>
<script>
    import commonWrap from '@/components/customComponents/commonWrap.component'
    import column from '@/components/right/column.component'
    import API from "@/api/index.api";
    export default {
        components: {},
        data () {
          return {
            num: '99%' ,
          }
        },
        methods: {

          getEighthours_rate () {
            API.getEighthours_rate().then(res=>{
                  this.num=res.content[0].data_num
            })
          },

        },
        mounted() {

          this. getEighthours_rate ()
        }
    }
</script>
<style lang="stylus">
  .jianmian{
    height: 100%;
    background-image: url("../../assets/img/putuo/111_03.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .num {
      font-size: 50px;
      font-weight: bold;
      color: #4eb6f1;
    }
  }
</style>
